<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>账户余额查询</title>
  <link rel="stylesheet" href="../css/element-ui.css" />
  <link rel="stylesheet" href="../css/common/bootstrap.min.css" />
  <style>
    .el-table {
      margin-bottom: 12px;
    }
    
    .depSelectDialogContent {
      width: 100%
    }
    
    .table .actived {
      background-color: #3399FF;
    }
    
    .depSelectDialogContent .search {
      background-color: #F0F0F0;
      width: 100%;
    }
    
    .depSelectDialogContent .btn-group {
      float: right;
      padding: 10px 20px;
    }
    
    .depSelectDialogContent .form-group {
      padding: 10px;
    }
    
    .depSelectDialogContent .btn-primary {
      margin-right: 15px
    }
    
    .depSelectDialogContent #page {
      float: right;
      margin-right: 5px;
    }
  </style>
</head>

<body>
  <div id="app">
    <el-row>
      <el-col :span="24" style="padding: 8px;">
        <el-form :inline="true" :model="queryParam">
          <el-form-item label="科室选择">
            <el-input placeholder="科室" v-model="queryParam.deptAccountName" @keyup.enter.native="chooseDept"></el-input>
          </el-form-item>
          <el-form-item label="开始时间">
            <el-date-picker v-model="queryParam.startTime" type="date" :editable="false" placeholder="选择日期">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="结束时间">
            <el-date-picker v-model="queryParam.endTime" type="date" :editable="false" placeholder="选择日期">
            </el-date-picker>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="search">查询</el-button>
          </el-form-item>
        </el-form>
        <el-table :data="heads" border style="width: 100%;">
          <el-table-column prop="DeptAccountName" label="账户名称">
          </el-table-column>
          <el-table-column prop="PreAmount" label="期初金额">
          </el-table-column>
          <el-table-column prop="InAmount" label="进金额">
          </el-table-column>
          <el-table-column prop="OutAmount" label="出金额">
          </el-table-column>
          <el-table-column prop="OrginAmount" label="结余金额">
          </el-table-column>
        </el-table>
        <el-table :data="details" border style="width: 100%" height="450">
          <el-table-column prop="BillTypeStr" label="单据类型">
          </el-table-column>
          <el-table-column prop="GoodsCode" label="物品代码">
          </el-table-column>
          <el-table-column prop="GoodsName" label="物品名称">
          </el-table-column>
          <el-table-column prop="Count" label="数量">
          </el-table-column>
          <el-table-column prop="Price" label="单价">
          </el-table-column>
          <el-table-column prop="InAmount" label="进金额">
          </el-table-column>
          <el-table-column prop="OutAmount" label="出金额">
          </el-table-column>
          <el-table-column prop="Balance" label="金额">
          </el-table-column>
          <el-table-column prop="HappenTime" label="发生时间">
          </el-table-column>
          <el-table-column prop="BillSN" label="单据流水号">
          </el-table-column>
          <el-table-column prop="BatchSN" label="批次号">
          </el-table-column>
        </el-table>
      </el-col>
    </el-row>
  </div>
  <script src="../js/common/vue.js"></script>
  <script src="../js/common/element-ui.js"></script>
  <script data-main="../js/pages/entries/balanceQuery" src="../js/common/require.min.js"></script>
</body>

</html>